<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <title>花简记官网</title>
</head>
<body>
  <div class="z_head_wrap_index">
    <div class="z_head_wrap">
      <div class="z_maxw">
        <img src="images/logo.png">
      </div>
    </div>
    <div class="z_banner_wrap"></div>
  </div>
  <div class="z_first_wrap">
    <div class="z_maxw">
      <img src="images/1.png">
    </div>
  </div>
  <div class="z_second_wrap">
    <div class="z_maxw">
      <img src="images/2.png">
    </div>
  </div>
  <div class="z_three_wrap">
    <div class="z_maxw">
      <img src="images/3.png">
    </div>
  </div>
  <div class="z_four_wrap">
    <div class="z_maxw">
      <img src="images/4.png">
    </div>
  </div>
  <div class="z_foot_wrap">
    <div class="z_maxw">
      <p>联系我们：3012583828 (QQ)</p>
      <p>公司名称：金湖创惠信息技术有限公司</p>
      <p>公司地址：江苏省南京市雨花台区雨花东路65号</p>
    </div>
  </div>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript">
    $(function(){
      var nav=$(".z_head_wrap");
      var win=$(window);
      var sc=$(document);
      win.scroll(function(){
        if(sc.scrollTop()>=60){
          nav.addClass("z_pink");  
        }else{
          nav.removeClass("z_pink");
        }
      })
    })
  </script>
</body>
</html>